// 导入头部
$("#header").load("../baseHTML/header.html")
// 导入侧边栏
$("#rightFix").load("../baseHTML/rightFix.html")
// 导入底部
$("#footer").load("../baseHTML/footer.html")

$(function(){
    $(".bags-hot-tit1").mouseenter(function(){
        $(this).addClass("bagon").siblings().removeClass("bagon")
        $(".bags-hot01").fadeIn(500,"linear")
        $(".bags-hot02").hide()
    })
    $(".bags-hot-tit2").mouseenter(function(){
        $(this).addClass("bagon").siblings().removeClass("bagon")

        $(".bags-hot02").fadeIn(200,"linear")
        $(".bags-hot01").hide()
    })




// 滚动条

var index = 10
var oLeft = -index * $(".bags-pq-lists").find("li").eq(0).outerWidth(true) + "px"
// 点击右边
$(".bags-pq-right").click(function () {

    $(".bags-pq-lists").animate({
        left: oLeft
    }, 500)
})
// 点击左边
$(".bags-pq-left").click(function () {
    $(".bags-pq-lists").animate({
        left: 0
    })
})

    // 电梯导航
    $(window).scroll(function () {
        var oScrollTop = $(window).scrollTop()
        if (oScrollTop > 500) {
            $(".bags-aside").fadeIn()
        } else {
            $(".bags-aside").fadeOut()
        }

        var winH = $(window).height()
        $(".bags-item").each(function (index) {
            if (winH + oScrollTop - $(this).offset().top > winH / 2) {
                $(".bags-aside ul li").removeClass("bags-active")
                $(".bags-aside ul li").eq(index).addClass("bags-active")
            }
        })
    })
    $(".bags-aside ul li:not('.goTop')").click(function () {
        var oHeight = $(".bags-item").eq($(this).index()).offset().top - 50
        $("body,html").animate({
            scrollTop: oHeight
        }, 500)
    })


        // 滚动导航
        $(function () {
            var sIndex = 6
            var sLeft = -sIndex * $(".bags-buy").find("li").eq(0).outerWidth(true) + "px"
            console.log(sLeft);
            $(".footer-srcoll-right").click(function () {
                $(".bags-buy-list").animate({
                    left: sLeft
                }, 1000, "linear", function () {
                    console.log(1);
                    $(".bags-buy-list").find("li").slice(0, sIndex).appendTo($(".bags-buy-list"))
                    $(".bags-buy-list").css("left", 0)
                })
            })
            $(".footer-srcoll-left").click(function () {
                $(".bags-buy-list").find("li").slice($(".bags-buy-list").find("li").length - sIndex).prependTo($(".cloth-buy-list"))
                $(".bags-buy-list").css("left", sLeft)
                $(".bags-buy-list").animate({
                    left: 0
                },1000,"linear")
            })
        })







})